body {
    background-color: #f4f4f4;
    header {
        width: 100%;
        height: 0.88rem;
        line-height: 0.88rem;
        background-color: #f5445d;
        text-align: center;
        position: relative;
        color: #FEF0F2;
        font-size: 0.36rem;
        a {
            position: absolute;
            height: 0.88rem;
            width: 1rem;
            text-align: center;
            left: 0;
            img {
                width: 0.32rem;
                height: 0.32rem;
                vertical-align: middle;
            }
        }
    }
    .form {
        background-color: #fff;
        ul {
            margin-bottom: .2rem;
            li {
                height: .9rem;
                line-height: .9rem;
                position: relative;
                width: 100%;
                span {
                    color: #505050;
                    position: absolute;
                    padding-left: 0.2rem;
                    font-size: 0.28rem;
                }
                input {
                    display: block;
                    border: 0;
                    width: 100%;
                    height: 0.9rem;
                    line-height: 0.9rem;
                    padding-left: 1.6rem;
                    border-bottom: .01rem solid #f4f4f4;
                    font-size: 0.28rem;
                    color: #505050;
                    &::-webkit-input-placeholder {
                        color: #a5a5a5;
                    }
                    /* 使用webkit内核的浏览器 */
                    &::-moz-placeholder {
                        color: #a5a5a5;
                    }
                    /* Firefox版本4-18 */
                    &::-moz-placeholder {
                        color: #a5a5a5;
                    }
                    /* Firefox版本19+ */
                    &:-ms-input-placeholder {
                        color: #a5a5a5;
                    }
                }
                &:nth-of-type(4) {
                    height: 1.8rem;
                    textarea {
                        width: 100%;
                        border: 0;
                        height: 1.8rem;
                        resize: none;
                        font-size: 0.28rem;
                        padding: 0.2rem;
                        color:#505050;
                        &::-webkit-input-placeholder {
                            color: #AFAFAF;
                        }
                        /* 使用webkit内核的浏览器 */
                        &::-moz-placeholder {
                            color: #AFAFAF;
                          
                        }
                        /* Firefox版本4-18 */
                        &::-moz-placeholder {
                            color: #AFAFAF;
                          
                        }
                        /* Firefox版本19+ */
                        &:-ms-input-placeholder {
                            color: #AFAFAF;
                        }
                    }
                }
            }
        }
       
    }

    .sub {
        text-align: center;
        margin-top: 5rem;
        button {
            display: inline-block;
            border-radius: .5rem;
            color: #fff;
            background-color: #f5445d;
            font-size: .32rem;
            height: .8rem;
            width: 6rem;
            line-height: .6rem;
            text-align: center;
            border: 0;
        }
    }
}